<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户中心</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/daisyui/4.12.10/full.min.css" rel="stylesheet">
    <link rel="stylesheet" href="dashboard.css">
</head>
<body>
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-brand">
                <i class="fas fa-home"></i>
                <span>用户中心</span>
            </div>
            <div class="nav-user">
                <span id="userName">用户</span>
                <button class="logout-btn" onclick="logout()">
                    <i class="fas fa-sign-out-alt"></i>
                    退出
                </button>
            </div>
        </div>
    </nav>

    <main class="main-content">
        <div class="welcome-section">
            <h1 id="welcomeMessage">欢迎回来！</h1>
            <p class="subtitle">这是您的个人仪表板</p>
        </div>

        <div class="stats-grid">
            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-calendar-alt"></i>
                </div>
                <div class="stat-content">
                    <h3>最后登录</h3>
                    <p id="lastLogin">--</p>
                </div>
            </div>

            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-eye"></i>
                </div>
                <div class="stat-content">
                    <h3>总访问次数</h3>
                    <p id="totalVisits">--</p>
                </div>
            </div>

            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-user"></i>
                </div>
                <div class="stat-content">
                    <h3>用户ID</h3>
                    <p id="userId">--</p>
                </div>
            </div>

            <div class="stat-card">
                <div class="stat-icon">
                    <i class="fas fa-clock"></i>
                </div>
                <div class="stat-content">
                    <h3>当前时间</h3>
                    <p id="currentTime">--</p>
                </div>
            </div>
        </div>

        <div class="action-section">
            <h2>快速操作</h2>
            <div class="action-grid">
                <button class="action-btn" onclick="refreshData()">
                    <i class="fas fa-sync-alt"></i>
                    刷新数据
                </button>
                <button class="action-btn" onclick="viewProfile()">
                    <i class="fas fa-user-cog"></i>
                    个人设置
                </button>
                <button class="action-btn" onclick="changePassword()">
                    <i class="fas fa-key"></i>
                    修改密码
                </button>
                <button class="action-btn" onclick="viewHelp()">
                    <i class="fas fa-question-circle"></i>
                    帮助中心
                </button>
            </div>
        </div>
    </main>

    <script src="dashboard.js"></script>
</body>
</html>